<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Exibir navegação</span>  <span class="icon-bar"></span>  <span class="icon-bar"></span>  <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">MegaAcerto</a>
        </div>
        <div class="navbar-collapse collapse">

            <!-- menu comum -->
            <ul class="nav navbar-nav">
                <li><a href="/page/quemsomos.html">Quem somos</a>
                </li>
                <li><a href="/page/comofunciona.html">Como funciona</a>
                </li>
                <li><a href="/page/contato.html">contato</a>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">

                <li>
                    <a href=""></a>
                </li>

                <!-- menu administrador -->
                <li ng-show="1" class="dropdown"><a href="#" class="menuUser dropdown-toggle" data-toggle="dropdown">Administrador <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="/aut/adm_inicial.html">Cadastrar Bolão</a>
                        </li>
                        <li><a href="/aut/adm_cadjogos.html">Cadastrar Desdobramento - Jogos</a>
                        </li>
                        <li><a href="/aut/adm_reativarbolao.html">Reativar Bolão</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="/aut/adm_sorteioMegaSena.html">Sorteio Bolão</a>
                        </li>
                        <li><a href="/aut/adm_liberarPagamentoSorteio.html">Liberar Pagamento Sorteio</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="/aut/adm_inserircredito.html">Inserir Crédito usuário</a>
                        </li>
                        <li><a href="/aut/adm_liberarcredito.html">Liberar e Validar Crédito usuário</a>
                        </li>
                        <li><a href="/aut/adm_liberarsaque.html">Liberar Saque usuário</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="/aut/adm_sorteios.html">Cadastrar Sorteios</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="/logout">Sair</a>
                        </li>
                    </ul>
                </li>

                <!-- menu usuario -->

                <li class="dropdown"><a href="#" class="menuUser dropdown-toggle" data-toggle="dropdown">Eduardo <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li>
                            <h4><a href="#">Saldo: R$12919291</a></h4>
                        </li>
                        <li class="divider"></li>
                        <li><a href="/aut/inserirCredito.html">Inserir credito</a>
                        </li>
                        <li><a href="/aut/compras.html">Minhas Compras</a>
                        </li>
                        <li><a href="/aut/boloes.html">Meus boloes</a>
                        </li>
                        <li><a href="/aut/extrato.html">Meu Extrato</a>
                        </li>
                        <li><a href="/aut/saque.html">Realizar Saque</a>
                        </li>
                        <li><a href="/aut/alterarContaUsuario.html">Alterar Conta</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="http://localhost:8080login">Sair</a>
                        </li>
                    </ul>
                </li>

                <li><a data-toggle="modal" href="#login"><b>Login</b></a>
                </li>
                <li><a href="/aut/carrinho.html">Carrinho</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="modal" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Fechar</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Login</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" action="login" method="post" name="myForm">
                    <div class="form-group">
                        <label for="inputEmail" class="control-label col-xs-2">Email</label>
                        <div class="col-xs-10">
                            <input type="email" class="form-control" id="inputEmail" placeholder="Email" name="user" ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword" class="control-label col-xs-2">Senha</label>
                        <div class="col-xs-10">
                            <input type="password" class="form-control" id="inputPassword" placeholder="Senha" name="senha" ng-minlength="6" ng-required="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-offset-2 col-xs-10">
                            <button type="submit" class="btn btn-primary" ng-click="limparCarrinho();" ng-disabled="myForm.$invalid">Login</button>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-offset-2 col-xs-10">
                            <div class="checkbox">
                                <label><a href="/page/usuario.html">CADASTRE-SE</a>||<a href="/page/recuperarSenha.html">Esqueci minha senha</a>
                                </label>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>